<template>
  <div class="us">
    <Loading :isLoading = "isLoading" />
    <div class="content">
      <h3>Head Office</h3>
      <div class="item"><span class="name">Address:</span><span class="address">Room1015, Blvd.#2, No.10 Zhuoxiu North Street,</span></div>
      <div class="item"><span class="name"></span><span>Fangshan District, Beijing, China 102445</span></div>
      <div class="item"><span class="name">Phone/Fax:</span><span>+86-10-87220330</span></div>
      <div class="item"><span class="name">Email:</span><span>info@genyoc.com</span></div>
      <div class="item"><span class="name">Hours:</span><span>9:00am-6:00pm (Beijing Time)</span></div>
      <h3>Customer Service:</h3>
      <div class="item"><span class="name">Sell: </span><span>sales@genyoc.com</span></div>
      <div class="item"><span class="name">Tech Support:</span><span>support@genyoc.com</span></div>
    </div>
    <img :src="usSrc" alt="">
  </div>
</template>

<script>
import usImg from "../../assets/images/contact/6.2.1 office.jpg"
export default {
  name: "ContactCom",
  setup() {
    const usSrc = usImg;
    return{usSrc}
  }
}
</script>

<style scoped lang="scss">
.us{
  display:flex;
  margin:20px auto;
  justify-content:flex-start;
  width:70vw;
  img{
    margin-left: 20px;
  }
  .content{
    h3{
      font-weight: bold;
      font-size:30px;
    }
    .item{
      line-height: 40px;
      font-size: 18px;
      .name{
        padding-right:10px;
        font-weight: bold;
        display:inline-block;
        width:130px;
        text-align: right;
      }
    }
  }
}
</style>
